import DetailTitle from "@/components/DetailTitle"
import styles from './index.module.scss'
import { Button } from 'antd'
import classNames from "classnames"
const HowToCite = () => {
	return (
		<div className={styles.hoeToCiteBox}>
			<DetailTitle title="How to Cite" />
			<div className={classNames(styles.copyBox, 'flex_box', 'flex_between', 'align_center')}>
				<span>
					Logan River Observatory (2024). Logan River Observatory: South Logan Benson Canal at Benson Irrigation Company Flume, 2300 North 600 West Aquatic Site (SLB_600W_CNL) Quality Controlled Data, HydroShare, http://www.hydroshare.org/resource/229a9c32ae674d8e81ec164317b8820f
					,
					<a>http://www.hydroshare.org/resource/96310f82dd5247ba8201955750093923</a>
				</span>
				<Button type="primary">Copy</Button>
			</div>
			<p>This resource is shared under the Creative Commons Attribution CC BY.</p>
			<a target="_blank" href="http://creativecommons.org/licenses/by/4.0/">http://creativecommons.org/licenses/by/4.0/</a>
		</div>
	)
}
export default HowToCite;